* {
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
}

body {
	font-family: "Arial", "微软雅黑";
	margin: auto;
	font-size: 14px;
}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

a {
	color: #333333;
	text-decoration: none;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.w-1200{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	position: relative;
}

.mt-20{
	margin-top: 20px;
}

.mt-40{
	margin-top: 40px;
}

.my-ellipsis{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.icon {
	width: 1.5em;
	height: 1.5em;
	vertical-align: -0.36em;
	fill: currentColor;
	overflow: hidden;
}
/** 头部样式 **/
#header{
	width: 100%;
}
.welcome{
	background: rgb(0 0 0 / 0%)/*#f2f2f2*/;
	padding: 7px 0;
	top: 0;
	width: 100%;
	position: fixed;
	z-index: 999999999;
}
.welcome .welcome-text{
	float: left;
}
.welcome .welcome-list{
	float: right;
}
.welcome-list li {
	float: left;
	margin-right: 20px;
}
.welcome-list li .icon{
	margin-right: 5px;
}
#header > div.w-1200{
	height: 130px;
	margin-top: 35px;
}

#header .index-logo{
	position: absolute;
	top: 0;
	bottom: 0;
	height: 75px;
	margin: auto;
}

#header .index-statue{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

#header .top-search{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 300px;
	height: 35px;
}

.top-search .search-input{
	display: inline-block;
	height: 33px;
	line-height: 33px;
	background-color: #f6f6f6;
	border-radius: 5px;
	padding-left: 15px;
	color: #888;
	width: 210px;
	position: absolute;
	border: 1px solid #ccc;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.top-search .search-input.focus{
	width: 283px;
	background-color: #fff;
	border-color: #888;
}

.top-search .search-input button{
	cursor: pointer;
	line-height: 35px;
	border: none;
	background: transparent;
	position: absolute;
	right: 10px;
}

.top-search .search-input input{
	border: none;
	line-height: 35px;
	background-color: transparent;
}

.top-search button.hidden{
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}

.top-search button.submit{
	cursor: pointer;
	position: absolute;
	right: 0;
	line-height: 35px;
	border: none;
	background: #33A5FF;
	padding: 0 15px;
	color: #fff;
	border-radius: 5px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.top-search button.submit:hover{
	opacity: .9;
}

/** 导航栏 nav  **/
#nav{
    height: 50px;
    width: 100%;
    border-top: 1px solid #fff;
}

.nav-ul{
    width: 1200px;
    margin: auto;
    display: flex;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    display: table\9;
}
.nav-ul li{
    flex: auto;
    display: table-cell\9;
    text-align: center;
    position: relative;
    font-weight: bold;
    transition: all .5s;
    background: center no-repeat;
}
.nav-ul li a{
    display: block;
    color: #554F4F;
    transition: all .3s;
}
.nav-ul li:after {
    content: '';
    position: absolute;
    right: 0;
    transform: translate(-50%, -50%);
    top: 50%;
    width:2px;
    height:6px;
    background-color: rgba(153,153,153,1);
    opacity:1;
    border-radius:1px;
}
.nav-ul li:last-of-type:after {
    background-color: #fff
}
.nav-ul li:before {
    content: '';
    border-bottom: 2px solid #33a5ff;
    position: absolute;
    width: 60%;
    left: 0;
    right: 0;
    top: -1px;
    margin: auto;
    opacity: 0;
    transition: all .3s;
}
.nav-ul li.active:before, .nav-ul > li:hover:before{
    opacity: 1;
}
.nav-ul li.active > a, .nav-ul li:hover > a{
    color:#33a5ff;
}
.nav-ul > li ul{
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    position: absolute;
    z-index: 999;
    width: 100%;
}
.nav-ul > li ul li{
    background-color: #fff;
}
.nav-ul > li:hover ul{
    visibility: visible;
    opacity: 1;
}

/** 导航栏 山西 nav  **/

.nav-ul-sx{
	width: 1200px;
	margin: auto;
	display: flex;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	display: table\9;
    background-color: #33A5FF;
}
.nav-ul-sx li{
	flex: auto;
	display: table-cell\9;
	text-align: center;
	position: relative;
	font-weight: bold;
	transition: all .5s;
	background: center no-repeat;
}
.nav-ul-sx li a{
	display: block;
	color: #fff;
	transition: all .3s;
}
.nav-ul-sx li:after {
	content: '';
	position: absolute;
	right: 0;
	transform: translate(-50%, -50%);
	top: 50%;
	width:2px;
	height:6px;
	background-color: #fff;
	opacity:1;
	border-radius:1px;
}
.nav-ul-sx li:last-of-type:after {
	background-color: #fff
}
.nav-ul-sx li:before {
	content: '';
	border-bottom: 2px solid #bc6c0c;
	position: absolute;
	width: 60%;
	left: 0;
	right: 0;
	top: -1px;
	margin: auto;
	opacity: 0;
	transition: all .3s;
}
.nav-ul-sx li.active:before, .nav-ul-sx > li:hover:before{
	opacity: 1;
}
.nav-ul-sx li.active > a, .nav-ul-sx li:hover > a{
	color: #0C0C0C;
}
.nav-ul-sx > li ul{
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
	position: absolute;
	z-index: 999;
	width: 100%;
}
.nav-ul-sx > li ul li{
	background-color: #33A5FF;
}
.nav-ul-sx > li:hover ul{
	visibility: visible;
	opacity: 1;
}
/** banner图 **/
.my-gallery{
	height: 400px;
}
.my-gallery a {
	display: block;
	height: inherit;
	position: relative;
}
.my-gallery a > div {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 180px;
	line-height: 180px;
	background: linear-gradient(-180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.5) 70%);
}
.my-gallery a > div > h5 {
	width: 1200px;
	margin: auto;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.my-gallery .swiper-slide{
	background: center no-repeat;
	background-size: cover;
}
.my-gallery .swiper-pagination-bullet{
	opacity: 1;
	background: #fff;
	width: 14px;
	height: 14px;
}
.my-gallery .swiper-pagination-bullet-active{
	background: #33A5FF;
}
/** 内容 **/
.my-gallery2{
	width: 420px;
	height: 285px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 40px;
}
.my-gallery2 img{
	width: 420px;
	height: 285px;
}
.my-gallery2 .title-div{
	position: absolute;
	background: rgba(0,0,0,0.5);
	bottom: 0;
	color: #fff;
	width: 100%;
	height: 35px;
	line-height: 35px;
}
.my-gallery2 .title-div .my-ellipsis{
	width: 320px;
	text-indent: 5px;
}
.my-gallery2 .swiper-pagination-bullets{
	text-align: right;
	left: auto !important;
	right: 15px;
}
.my-gallery2 .swiper-pagination-bullet{
	opacity: 1;
	background: #fff;
	width: 10px;
	height: 10px;
}
.my-gallery2 .swiper-pagination-bullet-active{
	background: #33A5FF;
}
/** 列表公共样式 **/
.commons-sec header{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-indent: 30px;
	background: #33A5FF;
	/*background: linear-gradient(to bottom, #33A5FF 85%, #fff);*/
	/*border-top-left-radius: 5px;*/
	/*border-top-right-radius: 5px;*/
	color: #fff;
}
.commons-sec header a{
	float: right;
	color: #fff;
	margin-right: 30px;
	font-size: 14px;
}
.commons-sec ul{
	margin: 15px auto;
	text-indent: 20px;
	font-size: 15px;
}
.commons-sec ul li{
	position: relative;
	height: 30px;
	line-height: 30px;
}
.commons-sec ul li:before{
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: #ddd;
	left: 0;
	top: 11px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.commons-sec ul li:hover:before{
	-webkit-transform: rotate(45deg);
	transform: translate(5px) rotate(45deg);
	background-color: #33A5FF;
}
.commons-sec ul li a{
	display: block;
	float: left;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.commons-sec ul li:hover a{
	color: #33A5FF;
	margin-left: 5px;
}
.commons-sec ul li label{
	float: right;
	font-size: 13px;
	color: #a9a9a9;
}
/** 新闻动态 **/
.news-sec{
	width: 417px;
	float: left;
}
.news-sec header{
	width: 417px;
}
.news-sec ul li a{
	width: 83%;
}
/** 通知公告 **/
.notice-sec{
	width: 271px;
	float: right;
}
.notice-sec header{
	width: 271px;
}
.notice-sec ul li a{
	width: 75%;
}
.teacher-sec header{
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	text-indent: 30px;
}
.teacher-sec header a{
	float: right;
	margin-right: 30px;
	font-size: 14px;
}
.teacher-sec .my-gallery3{
	margin: 20px auto;
	height: 150px;
	width: 100%;
}
.teacher-sec .my-gallery3 .swiper-slide{
	width: 159px;
	float: left;
	padding: 0 6px;
}
.teacher-sec .my-gallery3 .swiper-slide:first-child{
	margin-left: 0;
}
.teacher-sec .my-gallery3 a{
	display: block;
	position: relative;
	height: 150px;
}
.teacher-sec .my-gallery3 img{
	width: 159px;
	height: 150px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.teacher-sec .my-gallery3 a > div{
	position: absolute;
	bottom: 0;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.8);
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top, transparent 0%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.8) 100%);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.teacher-sec .my-gallery3 .swiper-slide:hover div{
	bottom: -5px;
}
.teacher-sec .my-gallery3 .swiper-slide:hover img{
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
.about-teach-sec section{
	width: 580px;
	float: left;
}
.about-teach-sec header{
	width: 580px;
}
.about-teach-sec ul a{
	width: 80%;
}
.about-teach-sec section>a{
	display: block;
	margin-top: 25px;
	position: relative;
	overflow: hidden;
	height: 130px;
}
.about-teach-sec section>a:hover .teach-sheet{
	opacity: 1;
}
.about-teach-sec .teach-sheet{
	background: rgba(0,0,0,.6);
	width: 375px;
	height: 130px;
	position: absolute;
	top: 0;
	opacity: 0;
	color: #fff;
	text-align: center;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.about-teach-sec .teach-sheet i{
	float: left;
	background: center no-repeat;
	height: 88px;
	width: 88px;
	margin: 20px 0px 20px 80px;
}
.about-teach-sec .teach-sheet>div{
	font-size: 18px;
	float: left;
	margin-left: 20px;
	text-align: left;
	margin-top: 40px;
}
.about-teach-sec .teach-sheet>div div:last-child{
	margin-top: 10px;
}
.other-home-sec a:first-child{
	float: left;
}
.other-home-sec a:last-child{
	float: right;
}
.other-home-sec > a{
	display: block;
	width: 49.5%;
	overflow: hidden;
	height: 80px;
}
.other-home-sec > a:hover img {
	transform: scale(1.1, 1.1);
}
.other-home-sec > a img{
	width: 100%;
	transition: all 1s;
}
.school-sec header label{
	color: #333;
	cursor: pointer;
}
.school-sec header span{
	margin: 0 30px;
	color: #333;
}
#school-swiper-1{
	display: none;
}
.recruit-date header {
	background-color: #33A5FF;
	color: #fff;
	font-size: 18px;
	height: 30px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
/** 快速通道 **/
.fast-track-sec header{
	margin-bottom: 20px;
}
.fast-track-sec a{
	display: inline-block;
	width: 168px;
	height: 104px;
	text-align: center;
	line-height: 30px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.fast-track-sec a:hover{
	color: #33A5FF;
}
.fast-track-sec a i{
	display: inline-block;
	width: 64px;
	height: 64px;
	line-height: 64px;
	font-size: 20px;
	-webkit-transition: all .5s;
	transition: all .5s;
	border-radius: 50%;
	color: #fff !important;
}
.fast-track-sec a:hover i{
	color: #33A5FF;
	transform: rotateY(180deg);
}
.fast-track-sec a div {
	margin-top: 10px;
}
.fast-track-sec a .jk01{
	background-color: #34d189;
}
.fast-track-sec a .jk02{
	background-color: #f06666;
}
.fast-track-sec a .jk03{
	background-color: #5ac23b;
}
.fast-track-sec a .jk04{
	background-color: #70d141;
}
.fast-track-sec a .jk05{
	background-color: #44aff2;
}
.fast-track-sec a .jk06{
	background-color: #378ef8;
}
.fast-track-sec a .jk07{
	background-color: #7d75eb;
}
/** footer **/
#footer{
	background: #33A5FF;
	color: #fff;
	overflow: hidden;
}
.foot-sec{
	line-height: 25px;
	padding: 30px 0;
}
.foot-sec a{
	color: #fff;
}
.foot-sec ul{
	overflow: hidden;
}
.foot-sec ul li{
	float: left;
	margin-right: 20px;
}
.foot-sec p:first-of-type{
	clear: both;
	margin-top: 20px;
}
.foot-sec p img {
	vertical-align: top;
}
/** ============== 子栏目样式  =============== **/
/** 新闻列表样式 **/
.column-sec header,.hot-sec header{
	width: 271px;
	line-height: 65px;
	text-align: center;
	font-size: 18px;
	color: #33A5FF;
}
.column-sec ul{
	overflow: hidden;
	margin-top: 10px;
}
.column-sec ul li{
	background-color: #33A5FF;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.column-sec ul li a{
	color: #fff;
	display: block;
}
.column-sec ul li.active{
	background: #65a729;
}
.column-sec ul li.active:before,.column-sec ul li.active:after{
	opacity: 1;
	transform: rotate(45deg);
}
.column-sec ul li:hover{
	background: #65a729;
}
.column-sec ul li:hover:before,.column-sec ul li:hover:after{
	opacity: 1;
	transform: rotate(45deg);
}
.column-sec ul li:before,.column-sec ul li:after{
	content: '';
	height: 8px;
	width: 8px;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 80px;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.column-sec ul li:after{
	right: 80px;
	left: auto;
}
.hot-sec a{
	width: 260px;
}
.news-list > header {
	padding: 10px 20px;
	background-color: rgba(248,248,248,1);
}
.news-list > header em {
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid;
	margin-left: 5px;
	border-color: transparent transparent transparent #999;
}
.news-list > header a {
	transition: all .3s;
}
.news-list > header a:hover {
	color: #33A5FF;
}
.news-div{
	/*border: 1px solid #ccc;*/
	padding: 10px 20px;
	margin-top: 20px;
	overflow: hidden;
}
.news-div a{
	width: 83%;
}
.news-div .commons-sec li{
	border-bottom: 1px dashed #ccc;
	line-height: 35px;
	height: 35px;;
}
.news-div .commons-sec li:before{
	top: 13px;
}
.thenews-sec header h2{
	color: #33A5FF;
	text-align: center;
}
.thenews-sec > p{
	color: #999;
	margin: 20px 0;
	text-align: center;
}
.pic-sec img{
	width: 100%;
	height: 150px;
}
.pic-sec a{
	width: 100%;
}
.pic-sec ul li{
	float: left;
	width: 20%;
	margin: 2.5%;
}
.pic-sec ul li a{
	display: block;
}
.pic-sec ul li div{
	width: 100%;
	line-height: 30px;
	text-align: center;
}
.friend-link > div{
	display: inline-block;
	margin: 15px 15px 0 0;
}
/** side toolbar **/
.side-toolbar{
	position: fixed;
	z-index: 9999999;
	top: 70%;
	bottom: 0;
	right: calc((100vw - 1450px) / 2);
}
@media screen and (max-width: 1490px) {
	.side-toolbar{
		right: 20px;
	}
}
.side-toolbar li{
	width: 50px;
	height: 50px;
	position: relative;
	background: #fff;
	cursor: pointer;
	text-align: center;
	box-shadow: 0 0 10px 0px #eee;
	border-radius: 50%;
	box-shadow: 0 0 6px rgba(0,0,0,.12);
	margin-bottom: 15px;
	-webkit-transition: background .3s;
	transition: background .3s;
}
.side-toolbar li a{
	display: block;
	text-align: center;
	cursor: pointer;
	color: #33A5FF;
}
.side-toolbar li svg{
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	line-height: 40px;
}
.side-toolbar li:hover{
	background: #eee;
}
.side-toolbar li:hover .train-qrcode{
	opacity: 1;
	visibility: visible;
}
.side-toolbar li .train-qrcode{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: absolute;
	right: 60px;
	padding: 10px;
	border-radius: 5px;
	background: #33A5FF;
	color: #fff;
}
#backToTop{
	display: none;
}
#backToTop:before{
	content: '';
	position: absolute;
	top: 12px;
	left: 17px;
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: transparent transparent #33A5FF;
}
/* 校园招聘 css */
.job-fair-list {
	display: flex;
	/*justify-content: space-between;*/
}
.job-fair-list li {
	flex: 0 0 20%;
	margin-left: 1px;
}
.job-fair-list li img{
	width: 230px;
	height: 137px;
	margin-top: 20px;
}
.job-fair-list li div{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 5px;
}
.job-fair-list li p {
	color: #666;
	margin-top: 5px;
}
.job-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	height: 304px;
	position: relative;
}
.job-list li img {
	width: 55px;
	height: 55px;
}
.job-list li {
	flex: 0 2 50%;
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}
.job-list li > a{
	display: flex;
	justify-content: space-between;
}
.job-list li > a > div {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0 20px;
}
.job-list li > a > div:last-of-type{
	align-items: flex-end;
}
.job-list li p {
	color: #666;
}
.job-list li > a > div:first-of-type {
	width: 340px;
}
.job-list li > a > div:first-of-type span{
	font-size: 13px;
	color: #33A5FF;
	margin-left: 5px;
}
.job-list li > a > div:first-of-type label{
	font-size: 16px;
	cursor: pointer;
}
.inner-tip-list{
	height: inherit;
	overflow-y: auto;
}
.inner-tip-list li {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}
.inner-tip-list li:last-of-type {
	border: none;
}
.inner-tip-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.inner-tip-list a > div {
	width: 220px;
	margin-right: 10px;
}
.inner-tip-list a > div label {
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.inner-tip-list a > div p {
	color: #666;
}
.inner-tip-list a > span {
	font-size: 12px;
	color: #666;
}

.web-header{
	background-color: #fff;
	padding: 10px 0;
}
.w-1200-div{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.web-header-logo{
	height: 60px;
}

.web-header-list{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}
.web-header-list li {
	margin: 0 30px;
	font-size: 14px;
	list-style: none;
}
.web-header-list li a{
	transition: all 0.3s;
	font-size: 18px;
	color: #33a5ff;
}

.web-header-list li a:-webkit-any-link {
	color: #000000;
	cursor: pointer;
	text-decoration: blink; !important;
}

.circle{
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.circle-icon{
	font-size: 32px;
	color: #33a5ff;
	animation: circle-turn 3s linear infinite;
	-webkit-animation: circle-turn 3s linear infinite;
}
@keyframes circle-turn{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes circle-turn{
	from{
		-webkit-transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
	}
}

.stu-archives-div{
    top:50%;
    left:50%;
    width:500px;
    margin-top:20px;
    margin-left:340px;
    padding-top: 30px;
    /*border: 1px solid #ccc;*/
}

.student-register-div{
    top:50%;
    left:50%;
    width:500px;
    margin-top:20px;
    margin-left:340px;
    padding-top: 30px;
}
#infoTable tr td:first-child{text-align: right;width: 30%;font-weight: bold;}
#infoTable tr td:last-child{text-align: left;width: 70%;}
.friend-link-item{
	margin:2px 5px 0 0;width: 180px; float: left; height: 25px; line-height: 25px;overflow: hidden;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;
}